<template>
  <!-- 动态style -->
  <!-- 
      :style="{css属性: 值}"
   -->
  <!-- 记得kv的时候的大括号
  属性和值搭配  并非  属性和布尔值  搭配 别搞混
   -->
  <div>
    <p :style="{ color: colorGreen }">
      Green is here
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      colorGreen: "green",
    };
  },
};
</script>

<style scoped></style>
